<template>
	<view>
		<custom-simple-nav title='位置' flx='2'></custom-simple-nav>

		<view class="content">
			<view class="content-tips">我的当前定位</view>
			<view class="content-nav">
				<image src="/static/icon/member/set/s7.png" mode="" class="nav-image"></image>
				<view class="nav-main">
					<view class="nav-txt">我当前的定位</view>
					<view class="nav-address">安徽省合肥市瑶海区北二环香江国际佳元</view>
				</view>
				<image src="" mode="" class="nav-image bor"></image>
			</view>
		</view>

	</view>
</template>

<script>
	import customSimpleNav from '@/components/custom-simple-nav/custom-simple-nav.vue'
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	page {
		background-color: #EEEEEE;
	}

	.content {
		position: relative;
		color: #a5a5a3;
	}

	.content .content-tips {
		width: 100%;
		height: 80upx;
		display: flex;
		line-height: 80upx;
		padding: 0 30upx;
	}

	.content-nav {
		width: 100%;
		height: 160upx;
		margin-top: 20upx;
		background-color: #FFFFFF;
		padding: 0 30upx;
		display: flex;
		align-items: center;
	}

	.content-nav .nav-image {
		width: 60upx;
		height: 60upx;
	}

	.content-nav .bor {
		border: 1px solid red;
	}

	.content-nav .nav-main {
		width: 70%;
		margin: 0 10upx;
		padding: 10upx 0;
	}

	.nav-main .nav-txt {
		color: #000000;
		font-size: 32upx;
		font-weight: bold;
	}

	.nav-address {
		margin-top: 10upx;
		font-size: 28upx;
	}
</style>
